<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>自我介绍</title>
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="Elaine.css">
    <link rel="stylesheet" href="common.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  </head>

  <body>
    <h1>你好呀👋</h1>
    <h2>My name is <span id="name">Eliane</span> 
    <span id="gender">🦄</span></h2>
    <p id="intro">也是一枚大学生,sxyyyy的朋友，就读于天津某大学。</p>
    <p id="about">
      一个开朗洒脱 致力于调皮捣蛋富的小天才一枚</p>
    <p>
        <button type="button" onclick="myFunction()">这里有个小秘密</button>
    </p>
    <p>
    <a href="homepage.html">返回</a> 
  </p>
  </body>
  <script>
    function myFunction(){
      document.getElementById("intro").innerHTML="你想知道吗?";
      document.getElementById("about").innerHTML="就不告诉你?";
    }
    </script>
    
</html>